<div class="mt-3">

        <table class="table table-bordered text-nowrap bg-light zero3-list-table">
            <thead class="sticky-top" style="top: 42px; z-index: 9">
            <tr class="text-center table-primary">
                <th scope="col" (click)="head.tr.selectedAll.click($event)">
                    <fa-icon [icon]="head.tr.selectedAll.icon"></fa-icon>
                </th>
                <th scope="col"><span>商品编号</span></th>
                <th scope="col"><span>商品名称</span></th>
                <th scope="col"><span>商品原价</span></th>
                <th scope="col"><span>商品状态</span></th>
                <th scope="col"><span>商品库存</span></th>
                <th scope="col"><span>是否积分商品</span></th>
                <th scope="col"><span>所需积分</span></th>
                <th scope="col"><span>打折</span></th>
                <th scope="col"><span>品牌</span></th>
                <th scope="col"><span>一级分类</span></th>
                <th scope="col"><span>二级分类</span></th>
    <!--            <th scope="col"><span>Audit</span></th>
                <th scope="col"><span>Using</span></th>-->
                <th scope="col"><span (click)="head.serMemo.sort($event)">
                    {{head.serMemo.name}}
                    <ng-container *ngIf="head.serMemo.icon !== null">
                        <fa-icon [icon]="head.serMemo.icon"></fa-icon>
                        {{head.serMemo.orderOrder}}
                    </ng-container>
                </span></th>
                <th scope="col"><span>Creator</span></th>
                <th scope="col"><span (click)="head.createTime.sort($event)">
                    {{head.createTime.name}}
                    <ng-container *ngIf="head.createTime.icon !== null">
                        <fa-icon [icon]="head.createTime.icon"></fa-icon>
                        {{head.createTime.orderOrder}}
                    </ng-container>
                </span></th>
                <th scope="col"><span>Last Mender</span></th>
                <th scope="col"><span>Last Modify Time</span></th>
            </tr>
            </thead>
            <tbody>
            <ng-container *ngFor="let item of data?.page?.content; let i = index">
                <tr (click)="body.tr.click($event, item?.uuid)" tooltip="{{item?.serNum}} | {{item?.serGoodsName}}"
                    (dblclick)="body.tr.dbclick($event, item?.uuid)"
                    [ngClass]="{'row-selected': body.tr.isSelected(item?.uuid)}">
                    <th scope="row" class="text-center">{{i + 1}}</th>
                    <td>{{item?.serNum}}</td>
                    <td tooltip="{{item?.serGoodsName}}">{{item?.serGoodsName}}</td>
                    <td>{{item?.serGoodsPrice}}</td>
                    <td>{{zero3Enum.ITEM_STATUS_FLAG.get(item?.serShelfState)}}</td>
                    <td>{{item?.serGoodsStock}}</td>
                    <td>{{zero3Enum.ITEM_TYPE_FLAG.get(item?.serGoodsIsactive)}}</td>
                    <td>{{item?.serGoodsJifenNum}}</td>
                    <td>{{item?.serGoodsDazhe}}</td>
                    <td>{{item?.gooBrand?.serBarndName}}</td>
                    <td>{{item?.gooTypeLevel1?.serTypeName}}</td>
                    <td>{{item?.gooTypeLevel2?.serTypeName}}</td>
                    <!--                <td>{{zero3Enum.AUDIT_FLAG.get(item?.serAudit)}}</td>
                                    <td>{{zero3Enum.USING_FLAG.get(item?.serUsing)}}</td>-->
                    <td>{{item?.serMemo}}</td>
                    <td>{{item?.creator}}</td>
                    <td>{{item?.createTime}}</td>
                    <td>{{item?.lastModifier}}</td>
                    <td>{{item?.lastModifyTime}}</td>
                </tr>
            </ng-container>
            </tbody>
        </table>
    
    </div>
    
    <app-zero3-list-page [table]="this"></app-zero3-list-page>
    